<style>
  .swiper-slide img {width: 100%;}
  #submit-phone {
    position: fixed;
  }
  .banner-btm{
    height: initial;
  }
  .banner-top{
    height: initial;
  }
</style>
<!--顶部-->
  <header class="mui-bar mui-bar-nav header">
    <h1 class="mui-title">澳洲代购</h1>
  </header>
  <!--<div class="bar bar-header-secondary">-->
    <!--<div class="searchbar">-->
      <!--<a class="searchbar-cancel">Cancel</a>-->
      <!--<div class="search-input" style="display: flex;">-->
        <!--<label class="icon icon-search" for="search"></label>-->
        <!--<input type="search" id='search' placeholder='输入产品关键字'/>-->
        <!--<button class="button button-fill" id="btn-search" style="top: 0; margin-left: 0.3rem">搜索</button>-->
      <!--</div>-->
    <!--</div>-->
  <!--</div>-->
  <!--<div class="content" style="height: 110%;">-->
    <!--<div class="content-block">-->
      <!--<div class="swiper-container" data-autoplay="2000" data-pagination='.swiper-pagination' data-pagination-type="bullets">-->
        <!--<div class="swiper-wrapper">-->
          <!--<div class="swiper-slide"><img src="/images/kang1.png"></div>-->
          <!--<div class="swiper-slide"><img src="/images/kang2.png"></div>-->
          <!--<div class="swiper-slide"><img src="/images/kang3.png"></div>-->
        <!--</div>-->
        <!--<div class="swiper-pagination"></div>-->
      <!--</div>-->
    <!--</div>-->
  <!--</div>-->
<!--</div>-->
  <div class="mui-content">

    <div id="slider" class="mui-slider" style="margin-bottom: 0.15rem">
      <div class="mui-slider-group">
        <div class="mui-slider-item">
          <a href="#">
            <img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/slider/1.jpg">
          </a>
        </div>
        <div class="mui-slider-item">
          <a href="#">
            <img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/slider/2.jpg">
          </a>
        </div>
        <div class="mui-slider-item">
          <a href="#">
            <img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/slider/3.jpg">
          </a>
        </div>
        <div class="mui-slider-item">
          <a href="#">
            <img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/slider/4.jpg">
          </a>
        </div>
      </div>
      <div class="mui-slider-indicator">
        <div class="mui-indicator mui-active"></div>
        <div class="mui-indicator"></div>
        <div class="mui-indicator"></div>
        <div class="mui-indicator"></div>
      </div>
    </div>
    <!--<ul class="nav">-->
      <!--<li><a href="/"><img src="/images/icon.png" /><p>要</p></a></li>-->
      <!--<li><a href="/"><img src="/images/icon1.png" /><p>你</p></a></li>-->
      <!--<li><a href="/"><img src="/images/icon2.png" /><p>命</p></a></li>-->
      <!--<li><a href="/"><img src="/images/icon3.png" /><p>三</p></a></li>-->
      <!--<li><a href="/"><img src="/images/icon4.png" /><p>千</p></a></li>-->
    <!--</ul>-->

    <!--列表-->
    <div class="banner-top">
      <img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/banners/1.jpg"/>
    </div>
    <ul class="main">
      <li><a href="/product/featured/new"><img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/banners/3.jpg"/></a></li>
      <li><a href="/product/featured/free_shipping"><img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/banners/4.jpg"/></a></li>
      <li><a href="/product/featured/special"><img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/banners/5.jpg"/></a></li>
    </ul>
    <div class="banner-btm">
      <img src="http://auewe.oss-ap-southeast-2.aliyuncs.com/banners/2.jpg"/>
    </div>
  </div>
<div class="jl"></div>

<nav class="mui-bar mui-bar-tab">
  <a class="mui-tab-item mui-active" href="/">
    <span class="mui-icon "><i class="iconfont">&#xe601;</i></span>
    <span class="mui-tab-label">首页</span>
  </a>
  <a class="mui-tab-item" href="/list">
    <span class="mui-icon mui-icon-list"></span>
    <span class="mui-tab-label">列表</span>
  </a>
  <a class="mui-tab-item" href="/cart">
    <span class="mui-icon"><i class="iconfont">&#xe600;</i></span>
    <span class="mui-tab-label">购物车</span>
  </a>
  <a class="mui-tab-item" href="/account">
    <span class="mui-icon"><i class="iconfont">&#xe654;</i></span>
    <span class="mui-tab-label">我的</span>
  </a>
</nav>
<% if (typeof(user_info) != 'undefined') {%>
<script>
  $(function () {
    sessionStorage.setItem('openid', '<%= user_info.source_id %>');
    sessionStorage.setItem('customer_contact', '<%= user_info.contact%>');
    sessionStorage.setItem('customer_id', '<%= user_info.id%>');
    sessionStorage.setItem('name', '<%= user_info.name %>');
    sessionStorage.setItem('img', '<%= wechat_info.headimgurl %>');
    sessionStorage.setItem('nickname', '<%= wechat_info.nickname%>');
    sessionStorage.setItem('phone', '<%= user_info.tel%>');
    $.get('/api/current_ex/', function (call) {
      var rate = call;
      sessionStorage.setItem('rate', rate);
    })
  })
</script>
<% }%>


